<template>
    <div class="container">
        <div class="item" v-for="(item,index) in items" :key="index">
            <div class="con-header clearfix">
                <h1>{{item.title}}</h1>
                <a class="more">查看更多></a>
            </div>
            <div class="con-content clearfix" v-for="(content,index) in item.contents" :key="index">
                <img :src="content.imgUrl" alt="">
                <div class="content-right">
                    <div class="right-box clearfix">
                        <h3>{{content.name}}</h3>
                        <button>进入</button>
                    </div>
                    <span>{{content.time}}</span>
                </div>
            </div>
        </div>
        <div class="con-bottom">
            <p>
                <a href="">晓舟报告</a>
                |
                <a href="">团队介绍</a>
            </p>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            items:[
                {
                    title:"精选手册",
                    contents:[
                        {
                            name:"java电子书",
                            imgUrl:"images/0.jpg",
                            time:"2020-06-13 16:32:33"
                        },
                        {
                            name:"前端开发",
                            imgUrl:"images/1.jpg",
                            time:"2020-06-13 16:33:12"
                        }
                    ]
                },
                {
                    title:"精选博客",
                    contents:[
                        {
                            name:"学习编程...",
                            imgUrl:"images/2.jpg",
                            time:"2020-06-15 18:20:46"
                        },
                        {
                            name:"项目开发...",
                            imgUrl:"images/3.jpg",
                            time:"2020-06-15 18:25:34"
                        },
                        {
                            name:"方向错了...",
                            imgUrl:"images/4.jpg",
                            time:"2020-06-15 18:31:04"
                        },
                    ]
                },
                {
                    title:"精选视频",
                    contents:[
                        {
                            name:"javascript...",
                            imgUrl:"images/1.jpg",
                            time:"2020-06-09 18:20:46"
                        },
                        {
                            name:"网页重构...",
                            imgUrl:"images/2.jpg",
                            time:"2020-06-10 00:04:46"
                        },
                        {
                            name:"Vue基础...",
                            imgUrl:"images/3.jpg",
                            time:"2020-06-10 00:13:22"
                        },
                    ]
                }
            ]
        }
    }
}
</script>